@CHARSET "UTF-8";
.bg-login {
	background: url(../../img/bg-login.jpg) no-repeat center;
	background-size: cover;
	padding: 80px 0;
	margin: 20px 0;
}

.login-box {
	background-color: #f3f4f4;
	width: 308px;
	height: 328px;
	padding: 16px;
	margin: 0 auto;
	color: #333333;
	border-radius: 5px;
}

.login-box .title{
	font-size: 18px;
	padding-bottom: 10px;
	line-height: 14px;
}

.login-box .login-item{
	margin-top: 14px;
}

.login-box label {
	float: left;
	width: 60px;
	padding-left: 5px;
	font-size: 14px;
	line-height: 39px;
}
.login-box input.text, .login-box input.input-code {
	float: left;
	height: 37px;
	line-height: 37px;
	border: 1px solid #dddddd;
	background-color: #ffffff;
	padding: 0 8px;
}

.login-box input.text {
	width: 223px;
}

.login-box .input-code {
	width: 72px;
}

.login-box .img-code {
	float: left;
	width: 90px;
	height: 39px;
	line-height: 39px;
	text-align: center;
	color: #4d801b;
	background-color: #edf8fa;
	margin-left: 10px;
}

.login-box .refresh {
	float: left;
	width: 39px;
	height: 39px;
	background: url(../../img/img-refresh.png) no-repeat center;
	margin-left: 5px;
}

.login-box .remember span {
	color: #999999;
	font-size: 12px;
}

.login-box .remember input {
	width: 20px;
	margin-left: 65px;
    vertical-align: middle;
}

.login-box .btn-login {
	width: 100%;
	height: 44px;
	line-height: 44px;
	background-color: #ff9900;
	color: #ffffff;
	font-size: 18px;
	margin-top: 36px;
	border: 0;
	border-radius: 3px;
	cursor:pointer;
}